<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>职位</title>
    <!-- <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rTTiRUKnSWaDu2FjhzWFl8/JuUZMlplyWE/djenb2LoKqkgLGfEGfSrL7XDLoB1M" crossorigin="anonymous"> -->
    <!-- 引入公共样式 -->
    <link rel="stylesheet" href="../css/common.css">
    <!-- <link rel="stylesheet" href="../css/demo.css">
    <link rel="stylesheet" href="../css/theme.css"> -->
    <!-- 引入bootstrap样式 -->
    <link rel="stylesheet" href="../css/bootstrap.css">
    <!-- 引入bootstrap图标样式 -->
    <link rel="stylesheet" href="../css/bootstrap-icons.css">
    <!-- 引入bootstrapjs样式 -->
    <link rel="stylesheet" href="../js/demo.js">
    <link rel="stylesheet" href="../js/theme.js"> 
    <link rel="stylesheet" href="../js/bootstrap.bundle.js">
</head>
<body>
    <!-- 头部导航栏 -->
    <nav class="navbar navbar-expand-lg navbar-light bg-light nav-z">
        <div class="container-fluid">
          <a class="navbar-brand" href="homepage.html">De小房间</a>
          <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarTogglerDemo02" aria-controls="navbarTogglerDemo02" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
          </button>

          <div class="collapse navbar-collapse nav justify-content-end" id="navbarTogglerDemo02">
            <ul class="navbar-nav me-end mb-0 mb-lg-0">
              <li class="nav-item">
                <a class="nav-link active" aria-current="page" href="homepage.html">
                    <button type="button" class="btn btn-outline-primaryz ">首页</button>
                </a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="position.html">
                    <button type="button" class="btn btn-primary">职位</button>
                </a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="#">
                    <button type="button" class="btn btn-outline-primaryz">产品与服务</button>
                </a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="#">
                    <button type="button" class="btn btn-outline-primaryz">工作地点</button>
                </a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="#">
                    <button type="button" class="btn btn-outline-primaryz">校园招聘</button>
                </a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="wechat.html">
                    <button type="button" class="btn btn-outline-primaryz">
                        <i class="bi bi-wechat"></i>
                    </button>
                </a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="https://gitee.com/fu-yuntao/full-stack-project.git">
                    <button type="button" class="btn btn-outline-primaryz">
                        <i class="bi bi-git"></i>
                    </button>
                </a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="register.html">
                    <button type="button" class="btn btn-outline-primaryz">登录</button>
                </a>
              </li>
              <li class="nav-item">
                <a class="nav-link" style="margin-top: 8px;">|</a> 
              </li>
              <li class="nav-item">
                <a class="nav-link" href="logon.html">
                    <button type="button" class="btn btn-outline-primaryz">注册</button>
                </a>
              </li>
            </ul>
          </div>
        </div>
      </nav>
     <!-- 主体内容 -->
    <main>
       <!-- 轮播图 -->
       <div id="carouselExampleIndicators" class="carousel slide" data-bs-ride="true">
        <div class="carousel-indicators">
          <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
          <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1" aria-label="Slide 2"></button>
          <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="2" aria-label="Slide 3"></button>
        </div>
        <div class="carousel-inner">
          <div class="carousel-item active">
            <img src="../images/lbt-1.jpeg" class="d-block w-100" alt="...">
          </div>
          <div class="carousel-item">
            <img src="../images/lbt-2.jpeg" class="d-block w-100" alt="...">
          </div>
          <div class="carousel-item">
            <img src="../images/lbt-3.jpeg" class="d-block w-100" alt="...">
          </div>
        </div>
        <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="prev">
          <span class="carousel-control-prev-icon" aria-hidden="true"></span>
          <span class="visually-hidden">Previous</span>
        </button>
        <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="next">
          <span class="carousel-control-next-icon" aria-hidden="true"></span>
          <span class="visually-hidden">Next</span>
        </button>
       </div>
       <!-- 搜索框 -->
       <form action="javascript:;" style="margin: auto;">
        <input type="text" name="position" class="form-controlz" placeholder="输入城市或职位进行搜索">
        <button type="button" class="btn btn-primary b" >搜索</button>
       </form>
       <!-- 主体内容 -->
       <div class="center">
        <!-- 左侧部分 -->
        <div class="left">
           <div>
            <div class="box1">
                <h5>筛选</h5>
                <p>清除</p>
                <hr>
            </div>
            <div class="box2">
                <h4>职位类别</h4>
                <div class="form-check">
                    <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
                    <label class="form-check-label" for="flexCheckDefault">
                      研发 
                    </label>
                </div>
                <div class="form-check">
                    <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
                    <label class="form-check-label" for="flexCheckDefault">
                      运营 
                    </label>
                </div>
                <div class="form-check">
                    <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
                    <label class="form-check-label" for="flexCheckDefault">
                      产品 
                    </label>
                </div>
                <div class="form-check">
                    <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
                    <label class="form-check-label" for="flexCheckDefault">
                      职能/支持 
                    </label>
                </div>
                <div class="form-check">
                    <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
                    <label class="form-check-label" for="flexCheckDefault">
                      销售 
                    </label>
                </div>
                <div class="form-check">
                    <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
                    <label class="form-check-label" for="flexCheckDefault">
                      设计 
                    </label>
                </div>
                <div class="form-check">
                    <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
                    <label class="form-check-label" for="flexCheckDefault">
                      市场 
                    </label>
                </div>
                <div class="form-check">
                    <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
                    <label class="form-check-label" for="flexCheckDefault">
                      游戏策划 
                    </label>
                </div>
                <div class="form-check">
                    <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
                    <label class="form-check-label" for="flexCheckDefault">
                      教研教学 
                    </label>
                </div>
            </div>
            <div class="box3">
                <h4>城市</h4>
                <div class="form-check">
                    <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
                    <label class="form-check-label" for="flexCheckDefault">
                      北京 
                    </label>
                </div>
                <div class="form-check">
                    <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
                    <label class="form-check-label" for="flexCheckDefault">
                      上海 
                    </label>
                </div>
                <div class="form-check">
                    <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
                    <label class="form-check-label" for="flexCheckDefault">
                      深圳 
                    </label>
                </div>
                <div class="form-check">
                    <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
                    <label class="form-check-label" for="flexCheckDefault">
                      杭州 
                    </label>
                </div>
                <div class="form-check">
                    <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
                    <label class="form-check-label" for="flexCheckDefault">
                      广州 
                    </label>
                </div>
                <div class="form-check">
                    <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
                    <label class="form-check-label" for="flexCheckDefault">
                      成都 
                    </label>
                </div>
                <div class="form-check">
                    <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
                    <label class="form-check-label" for="flexCheckDefault">
                      重庆 
                    </label>
                </div>
            </div>              
           </div>
        </div>
        <!-- 右侧部分 -->
        <div class="right">
            <h3><strong>开启新的工作（10000）</strong></h3>
            <a href="#" style="text-decoration: none;">
                <div style=" margin-top: 50px;">
                    <h4 style="color: #000;"><strong>高级产品经理（LowCode）-飞书应用引擎</strong></h4>
                    <span style="box-sizing: border-box; margin: 15px 0 15px 0;">北京 | 正式 | 产品 - 产品经理 | 职位ID：A4390</span><br>
                    <span>1、负责调研高效的工作沟通协作方法或工具，并抽象提炼开发者的需求；</span><br>
                    <span>2、负责将需求转化为高品质的产品设计或解决方案；</span>
                </div>
            </a>
            <a href="#" style="text-decoration: none;">
                <div style=" margin-top: 50px;">
                    <h4 style="color: #000;"><strong>财务共享中心-费控系统与流程优化专家</strong></h4>
                    <span style="box-sizing: border-box; margin: 15px 0 15px 0;">北京 | 正式 | 职能/支持 - 财务 | 职位ID：8GYR1</span><br>
                    <span>1、了解企业业财流程，熟悉系统逻辑；</span><br>
                    <span>2、能够高效、专业的统筹财务报销系统需求管理与项目对接；</span>
                </div>
            </a>
            <a href="#" style="text-decoration: none;">
                <div style=" margin-top: 50px;">
                    <h4 style="color: #000;"><strong>资深后端研发工程师-抖音电商联盟业务</strong></h4>
                    <span style="box-sizing: border-box; margin: 15px 0 15px 0;">杭州 | 正式 | 研发 - 后端 | 职位ID：T3745</span><br>
                    <span>1、参与构筑字节系内容电商的基本盘，为达人商家提供高效的个性化撮合服务及工具，打造健康、可持续经验的达人商家经营阵地，提升人货撮合效率，赋能整体电商业务GMV良性增长；</span><br>
                    <span>2、参与商达撮合相关业务系统研发和设计，持续进行系统优化和迭代，高效支持业务发展，为亿级交易规模的撮合业务提供技术保障。</span>
                </div>
            </a>
            <a href="#" style="text-decoration: none;">
                <div style=" margin-top: 50px;">
                    <h4 style="color: #000;"><strong>高级产品经理 -飞书开放平台</strong></h4>
                    <span style="box-sizing: border-box; margin: 15px 0 15px 0;">杭州 | 正式 | 产品 - 产品经理 | 职位ID：C5656</span><br>
                    <span>1、负责开放平台相关的产品规划及设计，并执行落地； </span><br>
                    <span> 2、负责抽象和定义套件的原子组件及API等开放能力，并开放给生态伙伴及开发者使用；</span>
                </div>
            </a>
            <a href="#" style="text-decoration: none;">
                <div style=" margin-top: 50px;">
                    <h4 style="color: #000;"><strong>高级产品经理（LowCode）-飞书应用引擎</strong></h4>
                    <span style="box-sizing: border-box; margin: 15px 0 15px 0;">北京 | 正式 | 产品 - 产品经理 | 职位ID：A4390</span><br>
                    <span>1、负责调研高效的工作沟通协作方法或工具，并抽象提炼开发者的需求</span><br>
                    <span>2、负责将需求转化为高品质的产品设计或解决方案</span>
                </div>
            </a>
            <a href="#" style="text-decoration: none;">
                <div style=" margin-top: 50px;">
                    <h4 style="color: #000;"><strong>高级产品经理（LowCode）-飞书应用引擎</strong></h4>
                    <span style="box-sizing: border-box; margin: 15px 0 15px 0;">北京 | 正式 | 产品 - 产品经理 | 职位ID：A4390</span><br>
                    <span>1、负责调研高效的工作沟通协作方法或工具，并抽象提炼开发者的需求</span><br>
                    <span>2、负责将需求转化为高品质的产品设计或解决方案</span>
                </div>
            </a>
            <a href="#" style="text-decoration: none;">
                <div style=" margin-top: 50px;">
                    <h4 style="color: #000;"><strong>高级产品经理（LowCode）-飞书应用引擎</strong></h4>
                    <span style="box-sizing: border-box; margin: 15px 0 15px 0;">北京 | 正式 | 产品 - 产品经理 | 职位ID：A4390</span><br>
                    <span>1、负责调研高效的工作沟通协作方法或工具，并抽象提炼开发者的需求</span><br>
                    <span>2、负责将需求转化为高品质的产品设计或解决方案</span>
                </div>
            </a>
            <a href="#" style="text-decoration: none;">
                <div style=" margin-top: 50px;">
                    <h4 style="color: #000;"><strong>高级产品经理（LowCode）-飞书应用引擎</strong></h4>
                    <span style="box-sizing: border-box; margin: 15px 0 15px 0;">北京 | 正式 | 产品 - 产品经理 | 职位ID：A4390</span><br>
                    <span>1、负责调研高效的工作沟通协作方法或工具，并抽象提炼开发者的需求</span><br>
                    <span>2、负责将需求转化为高品质的产品设计或解决方案</span>
                </div>
            </a>
            <a href="#" style="text-decoration: none;">
                <div style=" margin-top: 50px;">
                    <h4 style="color: #000;"><strong>高级产品经理（LowCode）-飞书应用引擎</strong></h4>
                    <span style="box-sizing: border-box; margin: 15px 0 15px 0;">北京 | 正式 | 产品 - 产品经理 | 职位ID：A4390</span><br>
                    <span>1、负责调研高效的工作沟通协作方法或工具，并抽象提炼开发者的需求</span><br>
                    <span>2、负责将需求转化为高品质的产品设计或解决方案</span>
                </div>
            </a>
            <a href="#" style="text-decoration: none;">
                <div style=" margin-top: 50px;">
                    <h4 style="color: #000;"><strong>高级产品经理（LowCode）-飞书应用引擎</strong></h4>
                    <span style="box-sizing: border-box; margin: 15px 0 15px 0;">北京 | 正式 | 产品 - 产品经理 | 职位ID：A4390</span><br>
                    <span>1、负责调研高效的工作沟通协作方法或工具，并抽象提炼开发者的需求</span><br>
                    <span>2、负责将需求转化为高品质的产品设计或解决方案</span>
                </div>
            </a>
            
            
            <nav aria-label="Page navigation example">
                <ul class="pagination">
                  <li class="page-item">
                    <a class="page-link" href="#" aria-label="Previous">
                      <span aria-hidden="true">&laquo;</span>
                    </a>
                  </li>
                  <li class="page-item"><a class="page-link" href="#">1</a></li>
                  <li class="page-item"><a class="page-link" href="#">2</a></li>
                  <li class="page-item"><a class="page-link" href="#">3</a></li>
                  <li class="page-item">
                    <a class="page-link" href="#" aria-label="Next">
                      <span aria-hidden="true">&raquo;</span>
                    </a>
                  </li>
                </ul>
              </nav>
        </div>
       </div>

       
    </main>
     

     <!-- 页脚 -->
     <footer class="pt-5 pb-3 footer  footer-dark bg-tertiary footer">
      <div class="container">
        <div class="row">
          <div class="col-12 col-md-4">
            <div class="pr-lg-5">
              <h1 class="heading h6 text-uppercase font-weight-700 mb-3">De小房间</h1>
              <p> &copy;2012-2022 De小房间</p>
              <p>京公网备案11000002002068号 ！京ICP备案12025439号-7</p>
            </div>
          </div>
          <!-- <div class="col-6 col-md">
            <h5 class="heading h6 text-uppercase font-weight-700 mb-3">Features</h5>
            <ul class="list-unstyled text-small nav-item">
              <li><a class="text-muted nav-link" href="#">Cool stuff</a></li>
              <li><a class="text-muted nav-link" href="#">Random feature</a></li>
              <li><a class="text-muted nav-link" href="#">Team feature</a></li>
              <li><a class="text-muted nav-link" href="#">Stuff for developers</a></li>
              <li><a class="text-muted nav-link" href="#">Another one</a></li>
              <li><a class="text-muted nav-link" href="#">Last time</a></li>
            </ul>
          </div>
          <div class="col-6 col-md">
            <h5 class="heading h6 text-uppercase font-weight-700 mb-3">Solutions</h5>
            <ul class="list-unstyled text-small nav-item">
              <li><a class="text-muted nav-link" href="#">Resource</a></li>
              <li><a class="text-muted nav-link" href="#">Resource name</a></li>
              <li><a class="text-muted nav-link" href="#">Another resource</a></li>
              <li><a class="text-muted nav-link" href="#">Final resource</a></li>
            </ul>
          </div> -->
          <div class="col-6 col-md">
            <h5 class="heading h6 text-uppercase font-weight-700 mb-3">相关网站</h5>
            <ul class="list-unstyled text-small nav-item">
              <li><a class="text-muted nav-link" href="#">字节跳动</a></li>
              <li><a class="text-muted nav-link" href="#">海外招聘</a></li>
            </ul>
          </div>
          <div class="col-6 col-md">
            <h5 class="heading h6 text-uppercase font-weight-700 mb-3">关于我们</h5>
            <ul class="list-unstyled text-small nav-item">
              <li><a class="text-muted nav-link" href="#">团队</a></li>
              <li><a class="text-muted nav-link" href="#">反馈建议</a></li>
              <li><a class="text-muted nav-link" href="#">联系我们</a></li>
              <li><a class="text-muted nav-link" href="#">111</a></li>
            </ul>
          </div>
        </div>
        <hr>
        <div class="d-flex align-items-center">
          <span class="">
            &copy; 2018 <a href="homepage.html" class="footer-link" target="_blank">De小房间</a>版权所有
          </span>
          <!-- <ul class="nav ml-lg-auto">
            <li class="nav-item">
              <a class="nav-link active" href="https://instagram.com/webpixelsofficial" target="_blank"><i class="fab fa-instagram"></i></a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="https://facebook.com/webpixels" target="_blank"><i class="fab fa-facebook"></i></a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="https://github.com/webpixels" target="_blank"><i class="fab fa-github"></i></a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="https://dribbble.com/webpixels" target="_blank"><i class="fab fa-dribbble"></i></a>
            </li>
          </ul> -->
        </div>
      </div>
    </footer>
</body>
</html>